import { StyleSheet } from 'react-native';

import { phonePx } from '../../util/adapt';
import { getScreenInfo } from '../../util/screen';
import { APP_BLUE, APP_BLACK } from '../../constant/color';

const { width } = getScreenInfo({});

export default StyleSheet.create({
  container: {
    width,
    height: phonePx(44),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ffffff',
    borderBottomColor: '#E8E8E8',
    borderBottomWidth: phonePx(1),
    zIndex: 10
  },
  writeContainer: {
    backgroundColor: 'transparent',
    borderBottomWidth: 0,
    borderBottomColor: 'transparent'
  },
  noLine: {
    borderBottomWidth: 0,
    borderBottomColor: 'transparent'
  },
  title: {
    width: phonePx(300),
    textAlign: 'center',
    color: APP_BLACK,
    fontSize: phonePx(14),
    fontWeight: '500'
  },
  writeTitle: {
    color: '#FFFFFF'
  },
  back: {
    position: 'absolute',
    left: phonePx(14),
    minWidth: phonePx(20),
    height: phonePx(20),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  backIcon: {
    width: phonePx(8),
    height: phonePx(15)
  },
  backDesc: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '400',
    marginLeft: phonePx(10)
  },
  right: {
    position: 'absolute',
    right: phonePx(15),
    alignItems: 'center',
    justifyContent: 'center'
  },
  rightText: {
    color: APP_BLUE,
    fontSize: phonePx(14),
    fontWeight: '500'
  }
});
